irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Dark] Half-Moon.css
329 lines5.6 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* ..........Half Moon.................. */
3/* NOTE: This is only for some waybar configs */
4/* --- 👍 shared by https://github.com/TomekBobrowicz 👍 --- */
5
6* {
7 font-family: "JetBrainsMono Nerd Font";
8 font-weight: bold;
9 min-height: 0;
10 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11 font-size: 97%;
12 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13}
14
15
16window#waybar {
17 background-color: rgba(26,27,38,0);
18 border-bottom: 1px solid rgba(26,27,38,0);
19 border-radius: 0px;
20 color: #E6B673;
21}
22
23#waybar.empty, #waybar.tiled, #waybar.floating {
24 background-color: transparent;
25}
26
27window#waybar.empty,
28window#waybar.empty #window {
29 background-color: transparent;
30}
31
32#taskbar,
33#workspaces {
34 background: #0F1419;
35 margin: 5px;
36 padding: 0px 1px;
37 border-radius: 15px;
38 border: 0px;
39 font-style: normal;
40 color: #0F1419;
41}
42
43#taskbar button,
44#workspaces button {
45 padding: 0px 5px;
46 margin: 4px 3px;
47 border-radius: 15px;
48 border: 0px;
49 color: #0F1419;
50 background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
51 opacity: 0.5;
52 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
53}
54
55#taskbar button.active,
56#workspaces button.active {
57 padding: 0px 5px;
58 margin: 4px 3px;
59 border-radius: 15px;
60 border: 0px;
61 color: #0F1419;
62 background: linear-gradient(45deg, #59C2FF, #D2A6FF);
63 opacity: 1.0;
64 min-width: 40px;
65 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
66}
67
68#workspaces button:hover {
69 border-radius: 15px;
70 color: #0F1419;
71 background: linear-gradient(45deg, #59C2FF, #D2A6FF);
72 opacity: 0.8;
73 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
74
75}
76@keyframes gradient_horizontal {
770% {
78 background-position: 0% 50%;
79 }
8050% {
81 background-position: 100% 50%;
82 }
83100% {
84 background-position: 0% 50%;
85 }
86}
87
88@keyframes swiping {
890% {
90 background-position: 0% 200%;
91 }
92100% {
93 background-position: 200% 200%;
94 }
95}
96
97tooltip {
98background: #0F1419;
99border: 1px solid #D2A6FF;
100border-radius: 10px;
101}
102
103tooltip label {
104color: #F3F4F5;
105}
106
107#window {
108 color: #E6E1CF;
109 background: #0F1419;
110 border-radius: 50px 50px;
111 margin: 5px;
112 padding: 2px 15px;
113}
114
115#temperature,
116#memory {
117 color: #E6B673;
118 background: #0F1419;
119 border-radius: 50px 50px;
120 margin: 5px;
121 padding: 2px 15px;
122}
123
124#custom-light_dark,
125#custom-dot_update,
126#custom-swaync,
127#custom-hypridle,
128#idle_inhibitor,
129#clock {
130 color: #B8CC52;
131 background: #0F1419;
132 border-radius: 50px 50px;
133 margin: 5px;
134 padding: 2px 15px;
135}
136
137#custom-window-info {
138 color: #E6B673;
139 background: #0F1419;
140 border-radius: 50px 50px;
141 margin: 5px;
142 padding: 2px 15px;
143}
144
145/*-----Indicators----*/
146#custom-hypridle.notactive,
147#idle_inhibitor.activated {
148 color: #39FF14;
149}
150
151#bluetooth {
152 color: blue;
153 background: #0F1419;
154 border-radius: 50px 50px;
155 margin: 5px;
156 padding: 2px 15px;
157}
158
159#custom-playerctl,
160#power-profiles-daemon,
161#custom-cycle_wall,
162#cpu {
163 color: #F3F4F5;
164 background: #0F1419;
165 border-radius: 50px 50px;
166 margin: 5px;
167 padding: 2px 15px;
168}
169
170#disk {
171 color: #B8CC52;
172 background: #0F1419;
173 border-radius: 50px 50px;
174 margin: 5px;
175 padding: 2px 15px;
176}
177
178#backlight,
179#battery {
180 color: #F07178;
181 background: #0F1419;
182 border-radius: 50px 50px;
183 margin: 5px;
184 padding: 2px 15px;
185}
186
187#mpris {
188 color: #F07178;
189 background: #0F1419;
190 border-radius: 50px 50px;
191 margin: 5px;
192 padding-left: 8px;
193 padding-right: 2px;
194}
195
196#backlight {
197 color: white;
198 background: #0F1419;
199 border-radius: 50px 50px;
200 margin: 5px;
201 padding: 2px 15px;
202}
203
204#network {
205 color: #FF8F40;
206 background: #0F1419;
207 border-radius: 50px 50px;
208 margin: 5px;
209 padding: 2px 15px;
210}
211
212#custom-hyprbindings {
213 color: #D2A6FF;
214 background: #0F1419;
215 background: #0F1419;
216 border-radius: 50px 50px;
217 margin: 5px;
218 padding: 2px 15px;
219}
220
221#tray {
222 color: #E6E1CF;
223 background: #0F1419;
224 border-radius: 50px 50px;
225 margin: 5px;
226 padding: 2px 15px;
227}
228
229#pulseaudio {
230 color: #59C2FF;
231 background: #0F1419;
232 border-radius: 50px 50px;
233 margin: 5px;
234 padding: 2px 15px;
235}
236
237#custom-notification {
238 color: #95E6CB;
239 background: #0F1419;
240 border-radius: 50px 50px;
241 margin: 5px;
242 padding: 2px 15px;
243}
244
245#custom-browser,
246#custom-file_manager,
247#custom-tty,
248#custom-settings {
249 border-radius: 50px 50px;
250 margin: 5px;
251 padding: 2px 15px;
252 color: #0F1419;
253 background: linear-gradient(45deg, #95E6CB, #59C2FF, #D2A6FF);
254}
255
256#custom-weather {
257 color: #59C2FF;
258 background: #0F1419;
259 border-radius: 50px 50px;
260 margin: 5px;
261 padding: 2px 15px;
262}
263
264#custom-menu {
265 color: #59C2FF;
266 background: #0F1419;
267 border-radius: 0px 15px 50px 0px;
268 margin: 5px 5px 5px 0px;
269 padding: 1px 15px;
270}
271
272#custom-power {
273 color: #D2A6FF;
274 background: #0F1419;
275 border-radius: 15px 0px 0px 50px;
276 margin: 5px 0px;
277 padding: 2px 5px 2px 15px;
278}
279
280#custom-lock {
281 color: red;
282 background: #0F1419;
283 border-radius: 50px 50px;
284 margin: 5px;
285 padding: 2px 15px;
286}
287
288#custom-power_vertical,
289#keyboard-state {
290 color: green;
291 background: #0F1419;
292 border-radius: 50px 50px;
293 margin: 5px;
294 padding: 2px 15px;
295}
296
297#battery.critical:not(.charging) {
298 color: #f53c3c;
299 animation-name: blink;
300 animation-duration: 3.0s;
301 animation-timing-function: steps(12);
302 animation-iteration-count: infinite;
303 animation-direction: alternate;
304}
305
306#backlight-slider slider,
307#pulseaudio-slider slider {
308 min-width: 0px;
309 min-height: 0px;
310 opacity: 0;
311 background-image: none;
312 border: none;
313 box-shadow: none;
314}
315
316#backlight-slider trough,
317#pulseaudio-slider trough {
318 min-width: 80px;
319 min-height: 5px;
320 border-radius: 5px;
321 background-color: #6E6A86;
322}
323
324#backlight-slider highlight,
325#pulseaudio-slider highlight {
326 min-height: 10px;
327 border-radius: 5px;
328 background-color: purple;
329}